<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home+2</title>
    <link rel="stylesheet" href="css/home+2.css">
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-img">
          <img src="images/logo.png" alt="">
        </div>
        <div class="header-title">
            <div class="title">
                <div class="title-left">
                    <ul>
                        <li><span><img src="images/location.png" alt=""></span></li>
                        <li><a href="#">深圳</a></li>
                        <li><a href="#"><切换></a></li>
                    </ul>
                </div>
                <div class="title-center">
                  <ul>
                      <li><a href="#">首页</a></li>
                      <li><a href="#">咨询</a></li>
                      <li><a href="#">测评</a></li>
                      <li><a href="#">商城</a></li>
                  </ul>
                </div>
                <div class="title-right">
                   <ul>
                       <li><span><img src="images/adm.png" alt=""></span></li>
                       <li>个人中心</li>
                   </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间部分 -->
    <div class="mid">
     <div class="mid-title">
       <p>首页 > 预防装修污染 > 材料库</p>
     </div>
     <div class="mid-all">
       <div class="first">
         <ul>
            <li>类别</li>
            <li>全部</li>
            <li>地板</li>
            <li>涂料</li>
            <li>墙纸</li>
            <li>瓷砖</li>
            <li>粘胶剂</li>
            <li>油漆</li>
            <li>家具</li>
            <li>板材</li>
            <li>饰品</li>
            <li><img src="images/indexSelect.png" alt=""></li>
         </ul>
       </div>
       <div class="second">
        <ul>
            <li>类型</li>
            <li>全部</li>
        </ul>
      </div>
      <div class="third">
        <ul>
            <li>材质</li>
            <li>全部</li>
            <li>实木</li>
            <li>复合</li>
            <li>强化</li>
            <li>其他</li>
        </ul>
      </div>
      <div class="fourth">
        <ul>
            <li>品牌</li>
            <li>全部</li>
            <li>圣象</li>
            <li>大自然</li>
            <li>生活家</li>
            <li>北美风情</li>
            <li>德尔</li>
            <li>博典</li>
            <li>船王</li>
        </ul>
      </div>
     </div>
     <div class="mid-serach">
       <div class="serach-left">
         <ul>
            <li>发布时间<span><img src="images/downicon.png" alt=""></span></li>
            <li>价格<span><img src="images/upicon.png" alt=""></span></li>
            <li>环保节能<span><img src="images/upicon.png" alt=""></span></li>
         </ul>
       </div>
       <div class="serach-center">
         <div class="serach-div">
           <input type="text">
           <span><img src="images/search.png" alt="">搜索</span>
         </div>
       </div>
       <div class="serach-right">
        <span><img src="images/wenhao.png" alt=""></span>
        <span>了解家居医生建材环保评级标准</span>
       </div>
     </div>
    </div>
</body>
</html>